<div id="software-management-page" v-cloak>
  <div purpose="page-container">
    <div purpose="page-content">
      <div purpose="page-hero">
        <h4>Software management</h4>
        <h1>Manage software consistently</h1>
        <p purpose="hero-text">Pick from a curated software catalog or upload your own custom packages. Configure custom installation scripts if you need or let Fleet do it for you.</p>
        <div purpose="button-row" class="d-flex justify-content-start">
          <a class="btn btn-primary" purpose="contact-button" href="/contact">Get a demo</a>
          <signup-button :is-logged-in="!! this.me"></signup-button>
        </div>
      </div>
      <div purpose="hero-slides">
        <div id="heroCarousel" class="carousel slide d-flex flex-column" data-ride="carousel">
          <div purpose="carousel-headings" class="carousel-indicators d-flex flex-md-row flex-column order-md-1 order-3">
            <div purpose="slide-text" data-target="#heroCarousel" data-slide-to="0" class="active">
              <h5>Built-in, zero-touch installs</h5>
              <p>Install software and run scripts during setup without the need for third-party tools.</p>
              <p><a href="/device-management" @click="goto('/device-management')">More about device management</a></p>
            </div>
            <div purpose="slide-text" data-target="#heroCarousel" data-slide-to="1">
              <h5>Self-service on any OS</h5>
              <p>Enable end users on every operating system and reduce IT burden with pre-approved software.</p>
            </div>
            <div purpose="slide-text" data-target="#heroCarousel" data-slide-to="2">
              <h5>Automate patch management</h5>
              <p>Enforce updates and trigger automations to run scripts or install software.</p>
            </div>
          </div>
          <ol purpose="carousel-indicators" class="carousel-indicators order-2">
            <li data-target="#heroCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#heroCarousel" data-slide-to="1"></li>
            <li data-target="#heroCarousel" data-slide-to="2"></li>
          </ol>
          <div class="carousel-inner order-1 order-md-3">
            <div class="carousel-item active">
              <img class="d-block w-100" src="/images/software-management-feature-slide-1-1072x480-@2x.png" alt="First slide">
            </div>
            <div class="carousel-item">
              <img class="d-block w-100" src="/images/software-management-feature-slide-2-2144x960@2x.png" alt="Second slide">
            </div>
            <div class="carousel-item">
              <img class="d-block w-100" src="/images/software-management-feature-slide-3-2144x960@2x.png" alt="Third slide">
            </div>
          </div>
        </div>
      </div><%// End of [purpose="hero-slides"]%>

      <div purpose="logo-row">
        <logo-carousel></logo-carousel>
      </div>
      <div purpose="it-testimonial" class="d-flex flex-column justify-content-center align-items-center">
        <img alt="Flock Safety logo" purpose="testimonial-logo" src="/images/logo-flock-safety-907x132@2x.png">
        <p purpose="testimonial-text">
          This is not just production osquery, but actually a way bigger opportunity than even something like Airwatch or Jamf.
        </p>
        <div purpose="testimonial-attribution">
          <img alt="Eric Tan" purpose="testimonial-author-image" src="/images/testimonial-author-eric-tan-99x99@2x.png">
          <p purpose="name">Eric Tan</p>
          <p purpose="job-title">CIO & Chief Security Officer at Flock Safety</p>
        </div>
      </div>
      
      <div purpose="feature" class="d-flex flex-md-row flex-column justify-content-center mx-auto align-items-center">
        <div purpose="feature-image">
          <img alt="Deploy software your own way" src="/images/feature-image-fleet-maintained-software-1056x754@2x.png">
        </div>
        <div purpose="feature-text" class="d-flex flex-column">
          <h3>Deploy software your own way</h3>
          <p>Deploy software from any source using the method that works best for you—whether it's through the UI, API, or GitOps.</p>
          <div purpose="checklist" class="flex-column d-flex">
            <p>Install from a built-in catalog of Fleet-maintained apps without the need for additional configuration.</p>
            <p>Upload any third-party software as a custom package to deploy all of the tools your end users need.</p>
            <p>Manage app deployments and updates for your computers and mobile devices from app stores.</p>
          </div>
        </div>
      </div>

      <div purpose="feature" class="d-flex flex-md-row flex-column-reverse justify-content-center mx-auto align-items-center">
        <div purpose="feature-text" class="d-flex flex-column">
          <h3>Automate patch management</h3>
          <p>Take the guesswork out of keeping devices up-to-date and secure by asking yes or no questions tied to automations.</p>
          <div purpose="checklist" class="flex-column d-flex">
            <p>Use policy automations to trigger app updates, execute scripts, or create tickets in Jira and Zendesk.</p>
            <p>Generate webhooks to integrate with your favorite tools and systems.</p>
            <p>Optionally integrate Google Calendar to schedule time for your users to update software when it’s convenient for them.</p>
          </div>
        </div>
        <div purpose="feature-image">
          <img alt="Automate patch management" src="/images/feature-image-automate-patch-management-1056x754@2x.png">
        </div>
      </div>

      <div purpose="feature" class="d-flex flex-md-row flex-column justify-content-center mx-auto align-items-center">
        <div purpose="feature-image">
          <img alt="The right software at the right moment" src="/images/feature-image-self-service-1056x754@2x.png">
        </div>
        <div purpose="feature-text" class="d-flex flex-column">
          <h3>The right software at the right moment</h3>
          <p>Use self-service to keep employees productive and secure with software curated to their needs.</p>
          <div purpose="checklist" class="flex-column d-flex">
            <p>Install organization-approved software for macOS, Windows, and Linux.</p>
            <p>Quickly deliver software for teams of any size, tailored to small groups or the entire organization.</p>
          </div>
        </div>
      </div>

      <div purpose="testimonial" class="d-flex flex-column justify-content-center align-items-center">
        <img alt="Rivian logo" purpose="testimonial-logo" src="/images/social-proof-rivian-107x24@2x.png">
        <p purpose="testimonial-text">
          Fleet lets us be more actionable with fewer people. It helps us to filter out the noise better than we could with the other big name products we replaced.
        </p>
        <div purpose="testimonial-attribution">
          <img alt="Andre Shields" purpose="testimonial-author-image" src="/images/testimonial-author-andre-shields-48x48@2x.png">
          <p purpose="name">Andre Shields</p>
          <p purpose="job-title">Cybersecurity Security Engineer, Vulnerability Management</p>
        </div>
      </div>
      <% if(typeof primaryBuyingSituation === 'undefined' || !['it-misc', 'it-major-mdm', 'it-gap-filler-mdm'].includes(primaryBuyingSituation)) { %>
        <div purpose="feature-slides">
          <div purpose="feature-switch" class="d-flex flex-md-row flex-column justify-content-md-center justify-content-start">
            <div purpose="feature-option" :class="[visibleFeature === 'mitigate-cves-automatically' ? 'active' : '']"  @click="clickSwitchFeature('mitigate-cves-automatically')">
              Mitigate CVEs automatically
            </div>
            <div purpose="feature-option" :class="[visibleFeature === 'on-demand-data' ? 'active' : '']" @click="clickSwitchFeature('on-demand-data')">
              On-demand data
            </div>
            <div purpose="feature-option" :class="[visibleFeature === 'out-of-the-box-reporting' ? 'active' : '']" @click="clickSwitchFeature('out-of-the-box-reporting')">
              Out-of-the-box reporting
            </div>
          </div>
          <div purpose="feature-slide" :class="[visibleFeature === 'mitigate-cves-automatically' ? '' : 'invisible']" class="d-flex flex-md-row flex-column-reverse justify-content-center mx-auto align-items-start">
            <div purpose="feature-image">
              <img alt="Mitigate CVEs automatically" src="/images/software-management-feature-slide-mitigate-cves-automatically-528x377@2x.png">
            </div>
            <div purpose="feature-text" class="d-flex flex-column">
              <h3>Mitigate CVEs automatically</h3>
              <p>Build automations that close tickets or mitigate vulnerabilities by updating or removing software and running custom scripts.</p>
              <div purpose="checklist" class="flex-column d-flex">
                <p>Automatically detect when old vulnerabilities are reintroduced, or mitigations falter.</p>
                <p>Track and mitigate zero days, with live queries and policies, even before they're officially published as CVEs.</p>
                <p>Only create tickets for vulnerabilities that affect your environment. Automate ticketing with Jira, ServiceNow, or integrate your own system.</p>
                <p>Deep-link live data with internal IT and platform teams.</p>
              </div>
            </div>
          </div>
          <div purpose="feature-slide" :class="[visibleFeature === 'on-demand-data' ? '' : 'invisible']" class="d-flex flex-md-row flex-column-reverse justify-content-center mx-auto align-items-start">
            <div purpose="feature-image">
              <img alt="Deep context from the environment" src="/images/software-management-feature-slide-on-demand-data-528x377@2x.png">
            </div>
            <div purpose="feature-text" class="d-flex flex-column">
              <h3>Deep context from the environment</h3>
              <p>Fleet gives you data down to the chip level on every endpoint to help you make sense of which vulnerabilities to prioritize.</p>
              <div purpose="checklist" class="flex-column d-flex">
                <p>Automate prioritization with an admin-level agent that has visibility down to the chipset of any endpoint</p>
                <p>Access over 300 tables of system state data. Use presets or create your own queries.</p>
                <p>Automatically match CVEs to your operating systems, apps, extensions, browser plugins, Python libraries, everything.</p>
              </div>
              <div purpose="feature-link">
                <animated-arrow-button href="/orchestration">Explore orchestration</animated-arrow-button>
              </div>
            </div>
          </div>
          <div purpose="feature-slide" :class="[visibleFeature === 'out-of-the-box-reporting' ? '' : 'invisible']" class="d-flex flex-md-row flex-column-reverse justify-content-center mx-auto align-items-start">
            <div purpose="feature-image">
              <img alt="Report what matters" src="/images/software-management-feature-slide-out-of-the-box-reporting-528x377@2x.png">
            </div>
            <div purpose="feature-text" class="d-flex flex-column">
              <h3>Report what matters</h3>
              <p>Let's face it, most built-in graphs leave you wanting more. Report MTTR and any other custom metrics exactly the way you want to using fresh data from real computers.</p>
              <div purpose="checklist" class="flex-column d-flex">
                <p>Track any “celebrity” CVE across every OS, every cloud, and every device, and show how quickly it was mitigated.</p>
                <p>Avoid distracting your CISO with bloated reports. Only communicate facts important to your organization's KPIs. Show real-time mitigation progress (%) or sync with your favorite data tool like Microsoft BI.</p>
              </div>
            </div>
          </div>
        </div>
        <div purpose="feature" class="d-flex flex-md-row flex-column-reverse justify-content-center mx-auto align-items-center">
          <div purpose="feature-text" class="d-flex flex-column">
            <h3>Up-to-date data without scans</h3>
            <p>Traditional network vulnerability scans can clog your network and even haunt your printers with pages full of wingdings. Fleet does things differently.</p>
            <div purpose="checklist" class="flex-column d-flex">
              <p>Eliminate the risk of side effects from scanning the network.</p>
              <p>Lightweight enough for the most brittle environments (OT, data centers, embedded/BTS, low-latency gaming servers).</p>
              <p>Quickly pull data about important CVEs and zero days during an incident or audit.</p>
            </div>
          </div>
          <div purpose="feature-image">
            <img alt="Up-to-date data without scans" src="/images/software-management-feature-image-up-to-date-data-without-scans-528x377@2x.png">
          </div>
        </div>
        <div purpose="feature" class="d-flex flex-md-row flex-column justify-content-center mx-auto align-items-center">
          <div purpose="feature-image">
            <img alt="Untangle your security stack" src="/images/software-management-feature-image-untangle-your-security-stack-528x377@2x.png">
          </div>
          <div purpose="feature-text" class="d-flex flex-column">
            <h3>Untangle your security stack</h3>
            <p>Use open data and APIs to connect your vulnerability solution with osquery, the agent you might already have deployed.</p>
            <div purpose="checklist" class="flex-column d-flex">
              <p>Normalize asset management data and software inventories from multiple tools and operating systems.</p>
              <p>Help teams work on vulnerabilities that have actually been exploited (CISA KEVs) or have a high probability of being exploited (EPSS), or whatever is important in your environment.</p>
              <p>Process CVEs across cloud and non-cloud assets in a single platform and see who's responsible for what.</p>
            </div>
          </div>
        </div>
      <% } %>
    </div><%// End of [purpose="page-content"]%>
  </div><%// End of [purpose="page-container"]%>
  <div purpose="tweets-container" class="d-flex flex-column justify-content-center">
    <div purpose="page-container" class="py-0">
      <div purpose="section-heading" class="mx-auto text-center">
        <h2 class="mb-3">What people are saying</h2>
      </div>
    </div>
    <scrollable-tweets :testimonials="testimonialsForScrollableTweets"></scrollable-tweets>
  </div>
  <div purpose="page-container" class="py-0">
    <div purpose="bottom-cta">
      <h4>Software management</h4>
      <h2>Manage software consistently</h2>
      <div purpose="button-row" class="d-flex justify-content-center align-items-center mx-auto">
        <a class="btn btn-primary" purpose="contact-button" href="/contact">Get a demo</a>
        <signup-button :is-logged-in="!! this.me"></signup-button>
      </div>
    </div>
  </div>
  <%/* Cloud city banner */%>
  <parallax-city></parallax-city>
  <signup-modal></signup-modal>
</div>
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>
